<template>
  <div>
    {{count}}
  </div>
</template>

<script setup lang="ts">
import { ref, defineExpose } from 'vue'

// 自定义的组件类型
export interface TestType {
  count: number,
  updateCount: (v: number) => void
}
const count = ref(333)
const updateCount = (v: number) => {
  count.value += v
}

// 要利用ref实现组件通信，必须要在自组件中暴露属性和方法，其他组件才能调用。应为setup语法默认组件的数据都是私有的。
// 通过defineExpose方法暴露
defineExpose({
  count,
  updateCount
})
</script>

<style scoped>

</style>
